<template>
  <div class="app">
    <div class="base-chart-box">
      这是一个捣乱的盒子
    </div>
    <BaseChart></BaseChart>
  </div>
  <!-- ref和$refs
  作用：利用ref和$refs可以用于获取dom元素，或组件实例
  特点：查找范围——>当前组件内（更精确稳定）
  1）获取dom：
    1.目标标签-添加ref属性
    <div ref="chartRef">我是渲染图表的容器</div>
    2.恰当时机，通过this.$refs.xxx，获取目标标签
    mounted() {
      console.log(this.$refs.chartRef)
    }
  2）获取组件
    1.目标组件——添加ref属性
    <BaseForm ref="baseForm"></BaseForm>
    2.恰当时机，通过this.$refs.xxx，获取目标组件，就可以调用组件对象里面的方法
    this.$refs.baseForm.组件方法()  -->
</template>

<script>
import BaseChart from './components/BaseChart.vue'
export default {
  components:{
    BaseChart
  }
}
</script>

<style>
.base-chart-box {
  width: 300px;
  height: 200px;
}
</style>